<template>
  <page-wrap back hide-tab title="退出小程序" stayStill class="page">
    <view>
      <u-popup v-model="show" border-radius="18" mode="center" safe-area-inset-bottom :mask-close-able="false">
        <view class="close-wrap">
          <text class="leave">确定要退出当前小程序吗？</text>
          <navigator class="close" open-type="exit" target="miniProgram">确定</navigator>
        </view>
      </u-popup>
    </view>
  </page-wrap>
</template>

<script>
export default {
  data() {
    return {
      show: true,
      clickClose: false
    };
  },
  onLoad: function(options) {
    console.log(this.show,'show')
  },
  methods: {
    close() {
      this.show = true;
    }
  }
};
</script>

<style lang="scss">
.close-wrap {
  text-align: center;
  padding: 40rpx;
  border-radius: 40rpx;
  .leave {
    color: $uni-text-color-888;
    margin: 24rpx 0 38rpx 0;
    display: flex;
    justify-content: center;
  }
  .close {
    font-size: $uni-font-size-lg;
    font-weight: 700;
  }
}
</style>

